<script setup>

</script>

<template>
    <h2>Home</h2>
    <div>
        <RouterLink to="/Home/Bottom" active-class="son-active">Bottom</RouterLink> |
        <RouterLink to="/Home/Ad" active-class="son-active">Ad</RouterLink>
    </div>
    <RouterView></RouterView>
</template>

<style scoped>
.active {
    color: red;
}

.son-active {
    color: green;
}
</style>